<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/iconfont/iconfont.css">
    <title>index</title>
</head>
<body>
    <!-- 头部 -->
    <div id="headerBox">
        <div id="header">
            <div class="top">
                <a class="adv" href="">
                    <img src="https://static.asus.com.cn/store/20201112/00102953491019.jpg" alt="">
                    <img src="https://static.asus.com.cn/store/20201112/00102953491019.jpg" alt="">
                </a>
                <a href="">
                    <img class="button" src="img/index/ia_400000000.png" alt="">
                </a>
            </div>
            <div class="center">
                <div class="flex">
                    <div>
                        <a class="a_event" href="">商城首页</a>
                        <a class="a_event" href="">服务中心</a>
                        <a class="a_event" href="">以旧换新</a>
                        <a class="a_event" href="">新机租赁</a>
                        <a class="a_event" href="">驱动下载</a>
                    </div>
                    <ul>
                        <li class="firstli">
                            <a href="html/login.html">登录</a>
                            |
                            <a href="html/login.html">注册
                                <div>享服务与支持</div>
                            </a>
                        </li>
                        <li>
                            <a class="a_event" href="">消息</a>
                        </li>
                        <li>
                            <a class="a_event" href="">我的订单</a>
                        </li>
                        <li class="lastli">
                            <a href="html/shop.html">
                                <i>
                                    <img src="img/detail/ia_400000258.png" alt="">
                                </i>
                                <span>&nbsp;购物车（</span>
                                <span class="number_goods">&nbsp;0&nbsp;</span>
                                <span>）</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bottom">
                <div class="logo">
                    <a class="a_event" href="">
                        <img src="img/detail/ia_300000000.png" alt="">
                    </a>
                    <a class="a_event" href="">
                        <img src="img/detail/ia_400000005.gif" alt="">
                    </a>
                </div>
                <div class="nav">
                    <a href="html/list.html">华硕官网</a>
                    <a href="html/list.html">个人及家用产品</a>
                    <a href="html/list.html">热门活动</a>
                    <a href="html/list.html">服务支持</a>
                    <a href="html/list.html">装机必备</a>
                </div>
                <div class="serch">
                    <div class="up">
                        <form action="">
                            <input type="text" placeholder="adolbook">
                            <div>
                                <a href="html/list.html">时尚潮流</a>
                            </div>
                            <button>
                                <a class="a_event" href="">
                                    <span class="iconfont icon-sousuo"></span>
                                </a>
                            </button>
                        </form>
                    </div>
                    <div class="down">
                        <a class="firsta" href="html/list.html">天选游戏本</a>
                        <a href="html/list.html">VivoBook</a>
                        <a href="html/list.html">adolbook</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
        

    <!-- banner -->
    <div id="bannerBox">
        <div id="banner">
            <ul class="sidebar">
                <div class="show sidebar_S">
                    <li class="list list_A">
                        <a class="list_head" href="html/list.html">
                            <span>笔记本电脑</span>
                            <i class="iconfont icon-arrow-right"></i> 
                        </a>
                        <div class="sidebar_H">
                            <ul>
                                <li class="clear">
                                    <a class="a_event" href="">
                                        <img src="https://static.asus.com.cn/store/20200803/16381897574810.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">游戏笔记本</a>
                                    <a href="html/list.html?">天选系列</a>
                                    <a href="html/list.html?">飞行堡垒系列</a>
                                    <a href="html/list.html?">Mars系列</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20200803/16400351521005.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">灵耀轻薄本</a>
                                    <a href="html/list.html?">灵耀X</a>
                                    <a href="html/list.html?">灵耀14</a>
                                    <a href="html/list.html?">灵耀13</a>
                                    <a href="html/list.html?">灵耀Deluxe</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20200803/16385310010199.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">办公娱乐本</a>
                                    <a href="html/list.html?">VivoBook系列</a>
                                    <a href="html/list.html?">Redol系列</a>
                                    <a href="html/list.html?">顽石系列</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20200807/09293198535698.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">创意设计本</a>
                                    <a href="html/list.html?">设计师系列</a>
                                    <a href="html/list.html?">ARTONE</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20200803/16393252485710.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">商用笔记本</a>
                                    <a href="html/list.html?">灵珑系列</a>
                                    <a href="html/list.html?">破晓系列</a>
                                    <a href="html/list.html?">博文系列</a>
                                </li>
                            </ul>
                            <div>
                                <a href="html/list.html?">
                                    <img src="https://static.asus.com.cn/store/20201104/14424957571025.jpg" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class="list list_A">
                        <a class="list_head" href="html/list.html">
                            <span>ROG电竞专区</span>
                            <i class="iconfont icon-arrow-right"></i> 
                        </a>
                        <div class="sidebar_H">
                            <ul>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20200811/14303699515598.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">电竞游戏本</a>
                                    <a href="html/list.html?">冰刃</a>
                                    <a href="html/list.html?">枪神</a>
                                    <a href="html/list.html?">魔霸</a>
                                    <a href="html/list.html?">幻</a>
                                    <a href="html/list.html?">冰锐</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20181016/10160654515510.png" alt="">
                                    </a>
                                    <a href="html/list.html?">游戏手机</a>
                                    <a href="html/list.html?">游戏手机</a>
                                    <a href="html/list.html?">游戏手机周边</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20190103/16211256534810.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">电竞台机</a>
                                    <a href="html/list.html?">G35</a>
                                    <a href="html/list.html?">G15</a>
                                </li>
                            </ul>
                            <div>
                                <a href="html/list.html?">
                                    <img src="https://static.asus.com.cn/store/20200612/17454557515648.jpg" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class="list list_A">
                        <a class="list_head" href="html/list.html">
                            <span>adol（a豆）专区</span>
                            <i class="iconfont icon-arrow-right"></i> 
                        </a>
                        <div class="sidebar_H">
                            <ul>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20200208/12070899495510.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">adolbook</a>
                                    <a href="html/list.html?">13.3英寸</a>
                                    <a href="html/list.html?">14英寸</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20180915/10445897501025.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">鼠标</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20190220/15011810197555.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">智能周边</a>
                                </li>
                            </ul>
                            <div>
                                <a href="html/list.html?">
                                    <img src="https://static.asus.com.cn/store/20201009/16352949995756.jpg" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class="list list_A">
                        <a class="list_head" href="html/list.html">
                            <span>整机产品</span>
                            <i class="iconfont icon-arrow-right"></i> 
                        </a>
                        <div class="sidebar_H">
                            <ul>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20180926/07435256100499.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">一体机</a>
                                    <a href="html/list.html?">猎鹰-V系列</a>
                                    <a href="html/list.html?">猎鹰-M系列</a>
                                    <a href="html/list.html?">猎鹰-Z系列</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20200708/10132351521029.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">消费类台机</a>
                                    <a href="html/list.html?">碉堡T20</a>
                                    <a href="html/list.html?">碉堡M20</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20180918/08414798495750.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">Mini PC</a>
                                    <a href="html/list.html?">高效商用-PN系列</a>
                                    <a href="html/list.html?">高效商用-VC系列</a>
                                    <a href="html/list.html?">口袋电脑-VS系列</a>
                                    <a href="html/list.html?">创意设计-PA系列</a>
                                </li>
                            </ul>
                            <div>
                                <a href="html/list.html?">
                                    <img src="https://static.asus.com.cn/store/20200715/14232056571019.jpg" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class="list list_A">
                        <a class="list_head" href="html/list.html">
                            <span>网络/智能产品</span>
                            <i class="iconfont icon-arrow-right"></i> 
                        </a>
                        <div class="sidebar_H">
                            <ul>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20180926/07445151481019.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">家用路由器</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20180915/10492957535351.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">电竞路由器</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20180915/10502310298535.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">分布式路由器</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20190612/15124297519857.png" alt="">
                                    </a>
                                    <a href="html/list.html?">智能手表</a>
                                </li>
                            </ul>
                            <div>
                                <a href="html/list.html?">
                                    <img src="https://static.asus.com.cn/store/20200914/11445998495756.jpg" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class="list list_A">
                        <a class="list_head" href="html/list.html">
                            <span>显示器/键鼠外设</span>
                            <i class="iconfont icon-arrow-right"></i> 
                        </a>
                        <div class="sidebar_H">
                            <ul>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20190612/14563854100509.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">显示器</a>
                                    <a href="html/list.html?">ROG系列</a>
                                    <a href="html/list.html?">游戏影音</a>
                                    <a href="html/list.html?">专业影像</a>
                                    <a href="html/list.html?">主流家用</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20190612/15000957521019.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">键鼠外设</a>
                                    <a href="html/list.html?">键盘</a>
                                    <a href="html/list.html?">鼠标</a>
                                    <a href="html/list.html?">电竞耳机</a>
                                    <a href="html/list.html?">光驱</a>
                                    <a href="html/list.html?">衣服</a>
                                    <a href="html/list.html?">电竞椅</a>
                                </li>
                            </ul>
                            <div>
                                <a href="html/list.html?">
                                    <img src="https://static.asus.com.cn/store/20200914/11442697100509.jpg" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class="list list_A">
                        <a class="list_head" href="html/list.html">
                            <span>DIY电脑配件</span>
                            <i class="iconfont icon-arrow-right"></i> 
                        </a>
                        <div class="sidebar_H">
                            <ul>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20180915/10382310297995.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">主板</a>
                                    <a href="html/list.html?">ROG系列</a>
                                    <a href="html/list.html?">ROG&nbsp;STRIX系列</a>
                                    <a href="html/list.html?">TUF系列</a>
                                    <a href="html/list.html?">PRIME系列</a>
                                    <a href="html/list.html?">主流家用</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20180915/10400452975151.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">显卡</a>
                                    <a href="html/list.html?">ROG系列</a>
                                    <a href="html/list.html?">TUF系列</a>
                                    <a href="html/list.html?">主流家用</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20181106/14245897535210.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">散热器</a>
                                    <a href="html/list.html?">ROG系列</a>
                                    <a href="html/list.html?">ROG&nbsp;STRIX系列</a>
                                    <a href="html/list.html?">TUF系列</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20190505/10425198985448.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">机箱</a>
                                    <a href="html/list.html?">ROG系列</a>
                                    <a href="html/list.html?">ROG&nbsp;STRIX系列</a>
                                    <a href="html/list.html?">TUF系列</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20190505/10441410149491.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">电源</a>
                                    <a href="html/list.html?">ROG系列</a>
                                    <a href="html/list.html?">ROG&nbsp;STRIX系列</a>
                                </li>
                            </ul>
                            <div>
                                <a href="html/list.html?">
                                    <img src="https://static.asus.com.cn/store/20200914/11435357521019.jpg" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class="list list_A">
                        <a class="list_head" href="html/list.html">
                            <span>周边配件/增值服务</span>
                            <i class="iconfont icon-arrow-right"></i> 
                        </a>
                        <div class="sidebar_H">
                            <ul>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="../img/index/ia_400003210.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">游戏笔记本</a>
                                    <a href="html/list.html?">天选系列</a>
                                    <a href="html/list.html?">飞行堡垒系列</a>
                                    <a href="html/list.html?">Mars系列</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20200803/16400351521005.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">灵耀轻薄本</a>
                                    <a href="html/list.html?">灵耀X</a>
                                    <a href="html/list.html?">灵耀14</a>
                                    <a href="html/list.html?">灵耀13</a>
                                    <a href="html/list.html?">灵耀Deluxe</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20200803/16385310010199.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">办公娱乐本</a>
                                    <a href="html/list.html?">VivoBook系列</a>
                                    <a href="html/list.html?">Redol系列</a>
                                    <a href="html/list.html?">顽石系列</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20200807/09293198535698.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">创意设计本</a>
                                    <a href="html/list.html?">设计师系列</a>
                                    <a href="html/list.html?">ARTONE</a>
                                </li>
                                <li class="clear">
                                    <a href="html/list.html?">
                                        <img src="https://static.asus.com.cn/store/20200803/16393252485710.jpg" alt="">
                                    </a>
                                    <a href="html/list.html?">商用笔记本</a>
                                    <a href="html/list.html?">灵珑系列</a>
                                    <a href="html/list.html?">破晓系列</a>
                                    <a href="html/list.html?">博文系列</a>
                                </li>
                            </ul>
                            <div>
                                <a href="html/list.html?">
                                    <img src="https://static.asus.com.cn/store/20201104/14424957571025.jpg" alt="">
                                </a>
                            </div>
                        </div>
                    </li>
                </div>
            </ul>
        </div>
        <div class="show show_banner">
            <div class="hide hide_banner">
                <a href="html/detail.html">
                    <img src="img/index/ia_400000025.jpg" alt="">
                </a>
                <a href="html/detail.html">
                    <img src="img/index/ia_400000026.jpg" alt="">
                </a>
                <a href="html/detail.html">
                    <img src="img/index/ia_400000023.jpg" alt="">
                </a>
                <a href="html/detail.html">
                    <img src="img/index/ia_400000024.jpg" alt="">
                </a>
                <a href="html/detail.html">
                    <img src="img/index/ia_400000025.jpg" alt="">
                </a>
                <a href="html/detail.html">
                    <img src="img/index/ia_400000026.jpg" alt="">
                </a>
            </div>
            <div class="point point_a">
                <span class="active"></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="left left_banner">
                <div>
                    <img src="https://static.asus.com.cn/static/store/css/images/l_r.png" alt="">
                </div>
            </div>
            <div class="right right_banner">
                <div>
                    <img src="https://static.asus.com.cn/static/store/css/images/l_r.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- 左侧固定栏 -->
    <div id="left_fixed">
        <ul>
            <li>
                <a class="a_event" href="">
                    <span></span>
                    <em>
                        购物车
                        <br>
                    </em>
                </a>
            </li>
            <li class="line"></li>
            <li>
                <a class="a_event" href="">
                    <span></span>
                    <em>
                        人气<br>热卖
                    </em>
                </a>
            </li>
            <li class="line"></li>
            <li>
                <a class="a_event" href="">
                    <span>专题</span>
                    <em>
                        特色<br>专题
                    </em>
                </a>
            </li>
            <li class="line"></li>
            <li>
                <a class="a_event" href="">
                    <span>1F</span>
                    <em>
                        游戏
                        <br>
                        专区
                    </em>
                </a>
            </li>
            <li class="line"></li>
            <li>
                <a class="a_event" href="">
                    <span>2F</span>
                    <em>
                        轻薄
                        <br>
                        专区
                    </em>
                </a>
            </li>
            <li class="line"></li>
            <li>
                <a class="a_event" href="">
                    <span>3F</span>
                    <em>
                        ROG
                        <br>
                        电竞专区
                    </em>
                </a>
            </li>
            <li class="line"></li>
            <li>
                <a class="a_event" href="">
                    <span>4F</span>
                    <em>
                        DIY
                        <br>
                        外设专区
                    </em>
                </a>
            </li>
            <li class="line"></li>
            <li>
                <a class="a_event" href="">
                    <span>5F</span>
                    <em>
                        创意
                        <br>
                        设计
                    </em>
                </a>
            </li>
            <li class="line"></li>
            <li>
                <a class="a_event" href="">
                    <span>6F</span>
                    <em>
                        外设
                        <br>
                        服务产品
                    </em>
                </a>
            </li>
            <li class="line"></li>
            <li>
                <a class="a_event" href="">
                    <span>A!</span>
                    <em>
                        A!
                        <br>
                        有内容
                    </em>
                </a>
            </li>
            <li class="line"></li>
            <li>
                <a class="a_event" href="">
                    <em>
                        视频
                        <br>
                    </em>       
                </a>         
            </li>
            <li class="line"></li>
        </ul>
    </div>

    <!-- 右侧固定栏 -->
    <div id="right_fixed">
        <div class="f_group">
            <img src="https://static.asus.com.cn/static/store/images/f_icon_no1.png" alt="">
            <img src="https://static.asus.com.cn/static/store/images/f_icon1.png" alt="">
            <p>个人中心</p>
        </div>
        <div class="f_group">
            <img src="https://static.asus.com.cn/static/store/images/f_icon_no2.png" alt="">
            <img src="https://static.asus.com.cn/static/store/images/f_icon2.png" alt="">
            <p>热线</p>
            <div class="hover1">
                <div class="sp">
                    <div>
                        <p>笔记本服务热线</p>
                        <p>400-600-6655</p>
                    </div>
                </div>
                <div class="sp">
                    <div>
                        <p>ROG产品服务热线</p>
                        <p>400-616-6655</p>
                    </div>
                </div>
                <div class="sp">
                    <div>
                        <p>DIY产品服务热线</p>
                        <p>400-620-6655</p>
                    </div>
                </div>
                <div class="sp">
                    <div>
                        <p class="lp">服务时间：24小时&nbsp;（周一至周日）</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="f_group">
            <img src="https://static.asus.com.cn/static/store/images/f_icon_no3.png" alt="">
            <img src="https://static.asus.com.cn/static/store/images/f_icon3.png" alt="">
            <p>优惠券</p>
            <div class="hover2">
                <div class="top clear">
                    <i></i>
                    <p>优惠券</p>
                </div>
                <div class="middle">
                    <i></i>
                    可领取的券
                    <i></i>
                </div>
                <div class="bottom clear">
                    <div>
                        <p class="clear">
                            <i>￥</i>
                            <em>100.00</em>
                        </p>
                        <span>满7499.00元可用</span>
                        <span>恭喜您被神秘券码砸中！该券仅限飞行堡垒8 GTX 1660Ti 8G可用，仅当订单满7499时可用。</span>
                        <span>2020-11-09至2020-11-11</span>
                    </div>
                    <div>
                        <a class="a_event" href="">
                            <i></i>
                            <p>立即领取</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="f_group">
            <img src="https://static.asus.com.cn/static/store/images/f_icon_no4.png" alt="">
            <img src="https://static.asus.com.cn/static/store/images/f_icon4.png" alt="">
            <p>客服</p>
        </div>
        <div class="f_group">
            <img src="https://static.asus.com.cn/static/store/images/f_icon_no5.png" alt="">
            <img src="https://static.asus.com.cn/static/store/images/f_icon5.png" alt="">
            <p>APP</p>
        </div>
        <div class="f_group">
            <img src="https://static.asus.com.cn/static/store/images/f_icon_no6.png" alt="">
            <img src="https://static.asus.com.cn/static/store/images/f_icon6.png" alt="">
            <p>注册好礼</p>
        </div>
        <div class="f_group">
            <img src="https://static.asus.com.cn/static/store/images/f_icon_no7.png" alt="">
            <img src="https://static.asus.com.cn/static/store/images/f_icon7.png" alt="">
            <p>返回顶部</p>
        </div>
    </div>

    <!-- 页头 -->
    <div id="pageBox">
        <div id="page">
            <ul>
                <li>
                    <a href="html/list.html">
                        <i></i>
                        <p>灵耀专区</p>
                    </a>
                </li>
                <li>
                    <a href="html/list.html">
                        <i></i>
                        <p>注册好礼</p>
                    </a>
                </li>
                <li>
                    <a href="html/list.html">
                        <i></i>
                        <p>电脑配件</p>
                    </a>
                </li>
                <li>
                    <a href="html/list.html">
                        <i></i>
                        <p>天选专区</p>
                    </a>
                </li>
                <li>
                    <a href="html/list.html">
                        <i></i>
                        <p>a豆专区</p>
                    </a>
                </li>
                <li>
                    <a href="html/list.html">
                        <i></i>
                        <p>飞行堡垒</p>
                    </a>
                </li>
                <li>
                    <a href="html/list.html">
                        <i></i>
                        <p>ROG专区</p>
                    </a>
                </li>
                <li>
                    <a href="html/list.html">
                        <i></i>
                        <p>领券中心</p>
                    </a>
                </li>
                <li>
                    <a href="html/list.html">
                        <i></i>
                        <p>驱动下载</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>


    <!-- 专区导航 -->
    <div id="page_navBox">
        <div id="page_nav">
            <div class="top">
                <h1>
                    <i></i>
                    精选会场
                </h1>
            </div>
            <div class="bottom clear">
                <div class="left">
                    <a href="html/list.html">
                        <img src="img/index/ia_400000027.jpg" alt="">
                    </a>
                    <a href="html/list.html">
                        <img src="img/index/ia_400000028.jpg" alt="">
                    </a>
                </div>
                <div class="center">
                    <a href="html/list.html">
                        <img src="img/index/ia_400000029.jpg" alt="">
                    </a>
                    <a href="html/list.html">
                        <img src="img/index/ia_400000030.jpg" alt="">
                    </a>
                </div>
                <div class="right">
                    <a href="html/list.html">
                        <img src="img/index/ia_400000031.jpg" alt="">
                    </a>
                    <a href="html/list.html">
                        <img src="img/index/ia_400000032.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>


    <!-- 热卖推荐 -->
    <div id="hotBox">
        <div id="hot">
            <div class="top">
                <h1>
                    <i></i>
                    热卖推荐
                </h1>
            </div>
            <div class="bottom">
                <div class="button">
                    <span>
                        <i class="iconfont icon-xiangyou1"></i>
                    </span>
                    <span class="okay">
                        <i class="iconfont icon-arrow-right"></i>
                    </span>
                </div>
                <div class="body">
                    <ul class="hot_body">
                        <!-- <li>
                            <div class="img">
                                <a class="a_event" href="">
                                    <img src="img/index/11010099565655.jpg" alt="">
                                    <img src="img/detail/ia_400000101.png" alt="">
                                </a>
                            </div>
                            <div class="ap">
                                <a class="a_event" href="">
                                    <p>天选&nbsp;元气蓝</p>
                                    <p>锐龙R7&nbsp;RTX&nbsp;2060&nbsp;16G</p>
                                </a>
                            </div>
                            <div class="price">￥7699</div>
                            <div class="dprice">
                                <ins>￥7999</ins>
                            </div>
                        </li> -->
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <!-- 广告 -->
    <div id="advertisingBox">
        <div id="advertising">
            <a class="a_event" href="">
                <img src="img/index/ia_400003289.jpg" alt="">
            </a>
        </div>
    </div>


    <!-- 商店主体 -->
    <div id="storeBox">
        <div id="store">
            <div class="page1 clear">
                <div class="header">
                    <h1>
                        <i></i>
                        1F&nbsp;游戏专区
                    </h1>
                    <div>
                        <a href="html/list.html">
                            更多
                            <i class="iconfont icon-arrow-right"></i>
                        </a>
                    </div>
                </div>
                <div class="left">
                    <a class="a_event" href="">
                        <img src="img/index/ia_400003291.jpg" alt="">
                    </a>
                </div>
                <ul class="body page_load">
                    <!-- <li class="item">
                        <div class="img">
                            <a class="a_event" href="">
                                <img src="img/detail/ia_400003298.jpg" alt="">
                                <img src="img/detail/ia_400000101.png" alt="">
                            </a>
                        </div>
                        <div class="ap">
                            <a class="a_event" href="">
                                <p>天选&nbsp;钛空灰</p>
                                <p>锐龙R7&nbsp;GTX&nbsp;1660Ti&nbsp;8G</p>
                            </a>
                        </div>
                        <div class="price">
                            <span>￥6999</span>
                            <ins>￥7199</ins>
                        </div>
                    </li> -->
                </ul>
            </div>
            <div class="page2 clear">
                <div class="header">
                    <h1>
                        <i></i>
                        2F&nbsp;轻薄专区
                    </h1>
                    <div>
                        <a href="html/list.html">
                            更多
                            <i class="iconfont icon-arrow-right"></i>
                        </a>
                    </div>
                </div>
                <div class="left">
                    <a class="a_event" href="">
                        <img src="img/index/ia_400003305.jpg" alt="">
                    </a>
                </div>
                <ul class="body page_load">

                </ul>
            </div>
            <div class="page3 clear">
                <div class="header">
                    <h1>
                        <i></i>
                        3F&nbsp;ROG电竞专区
                    </h1>
                    <div>
                        <a href="html/list.html">
                            更多
                            <i class="iconfont icon-arrow-right"></i>
                        </a>
                    </div>
                </div>
                <div class="left">
                    <a class="a_event" href="">
                        <img src="https://static.asus.com.cn/store/20200811/14303699515598.jpg" alt="">
                    </a>
                </div>
                <ul class="body page_load">

                </ul>
            </div>
            <div class="page4 clear">
                <div class="header">
                    <h1>
                        <i></i>
                        4F&nbsp;DIY电脑配件
                    </h1>
                    <div>
                        <a href="html/list.html">
                            更多
                            <i class="iconfont icon-arrow-right"></i>
                        </a>
                    </div>
                </div>
                <div class="left">
                    <a class="a_event" href="">
                        <img src="img/index/ia_400003328.jpg" alt="">
                    </a>
                </div>
                <ul class="body page_load">

                </ul>
            </div>
            <div class="page5 clear">
                <div class="header">
                    <h1>
                        <i></i>
                        5F&nbsp;创意设计
                    </h1>
                    <div>
                        <a href="html/list.html">
                            更多
                            <i class="iconfont icon-arrow-right"></i>
                        </a>
                    </div>
                </div>
                <div class="left">
                    <a class="a_event" href="">
                        <img src="img/index/ia_400003348.jpg" alt="">
                    </a>
                </div>
                <ul class="body page_load">

                </ul>
            </div>
            <div class="page6 clear">
                <div class="header">
                    <h1>
                        <i></i>
                        6F&nbsp;外设/服务产品
                    </h1>
                    <div>
                        <a href="html/list.html">
                            更多
                            <i class="iconfont icon-arrow-right"></i>
                        </a>
                    </div>
                </div>
                <div class="left">
                    <a class="a_event" href="">
                        <img src="img/index/ia_400000103.jpg" alt="">
                    </a>
                </div>
                <ul class="body page_load">
                    <li class="item">
                        <div class="img">
                            <a class="a_event" href="">
                                <img src="img/detail/ia_400003298.jpg" alt="">
                                <img src="img/detail/ia_400000101.png" alt="">
                            </a>
                        </div>
                        <div class="ap">
                            <a class="a_event" href="">
                                <p>天选&nbsp;钛空灰</p>
                                <p>锐龙R7&nbsp;GTX&nbsp;1660Ti&nbsp;8G</p>
                            </a>
                        </div>
                        <div class="price">
                            <span>￥6999</span>
                            <ins>￥7199</ins>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <!-- 推送 -->
    <div id="pushBox">
        <div id="push">
            <div class="pushBody">
                <div class="top">
                    <div class="header">
                        <h1>
                            <i></i>
                            A!&nbsp;有内容
                        </h1>
                        <div>
                            <a class="a_event" href="">
                                更多
                                <i class="iconfont icon-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                    <ul class="body">
                        <li>
                            <h2>华硕商城</h2>
                            <p>关注华硕商城公众号，有你好看！</p>
                            <p>商城拍了拍您的小手，说：关注了吗？</p>
                            <img src="img/index/ia_400000104.jpg" alt="">
                            <div class="point">
                                <span></span>
                            </div>
                        </li>
                        <li>
                            <h2>宠粉活动</h2>
                            <p>RTX3080显卡购买资格!!</p>
                            <p>RTX3080显卡</p>
                            <img src="img/index/ia_400000105.jpg" alt="">
                            <div class="point">
                                <span></span>
                            </div>
                        </li>
                        <li>
                            <h2>免费试用</h2>
                            <p>测评报告②—ROG影刃2无线款</p>
                            <p>ASUS华硕商城公众号</p>
                            <img src="img/index/ia_400000106.png" alt="">
                            <div class="point">
                                <span></span>
                            </div>
                        </li>
                        <li>
                            <h2>显卡</h2>
                            <p>3080显卡，凭什么上架就断货？</p>
                            <p>火爆全网·30系显卡</p>
                            <img src="img/index/ia_400000107.png" alt="">
                            <div class="point">
                                <span></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="bottom">
                    <div class="header">
                        <h1>
                            <i></i>
                            购你好看
                        </h1>
                        <div>
                            <a class="a_event" href="">
                                更多
                                <i class="iconfont icon-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                    <ul class="body">
                        <li>
                            <img src="https://static.asus.com.cn/store/20201101/21433998519953.png" alt="">
                            <p>新机显卡如何设置</p>
                            <p>新机显卡如何设置</p>
                            <div class="play"></div>
                        </li>
                        <li>
                            <img src="https://static.asus.com.cn/store/20201009/18052250495751.jpg" alt="">
                            <p>心高如山|灵耀X纵横</p>
                            <p>灵耀X纵横</p>
                            <div class="play"></div>
                        </li>
                        <li>
                            <img src="https://static.asus.com.cn/store/20201017/15352056989853.png" alt="">
                            <p>GPU|Tony大叔深度测评①</p>
                            <p>TUF-RTX3080</p>
                            <div class="play"></div>
                        </li>
                        <li>
                            <img src="img/index/ia_400000114.jpg" alt="">
                            <p>刃芒尽现|ROG 冰刃双屏</p>
                            <p>刃芒尽现</p>
                            <div class="play"></div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="footer">
                <div class="service_border">
                    <div class="service">
                        <ul class="clear">
                            <li>
                                <div>
                                    <img src="img/detail/ia_400000274.png" alt="">
                                </div>
                                <p>&nbsp;官方直營</p>
                            </li>
                            <li>
                                <div>
                                    <img src="img/detail/ia_400000120.png" alt="">
                                </div>
                                <p>&nbsp;享笔记本意外险</p>
                            </li>
                            <li>
                                <div>
                                    <img src="img/detail/ia_400000274.png" alt="">
                                </div>
                                <p>&nbsp;满69包邮</p>
                            </li>
                            <li>
                                <div>
                                    <img src="img/detail/ia_400000274.png" alt="">
                                </div>
                                <p>&nbsp;15天无理由退货</p>
                            </li>
                            <li>
                                <div>
                                    <img src="img/detail/ia_400000274.png" alt="">
                                </div>
                                <p>&nbsp;支持支付宝&花呗分期</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="helper">
                    <div class="heart clear">
                        <div class="area1">
                            <dl>
                                <dt>
                                    <a class="a_event" href="">公司介绍</a>
                                </dt>
                                <dd>
                                    <a class="a_event" href="">关于华顿</a>    
                                </dd>
                                <dd>
                                    <a class="a_event" href="">华硕承诺</a>
                                </dd>
                                <dd>
                                    <a class="a_event" href="">交易条款</a>
                                </dd>
                                <dd>
                                    <a class="a_event" href="">特别提醒</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="area2">
                            <dl>
                                <dt><a class="a_event" href="">购物指南</a></dt>
                                <dd><a class="a_event" href="">订单说明</a></dd>
                                <dd><a class="a_event" href="">会员注册</a></dd>
                                <dd><a class="a_event" href="">会员账户安全与信息</a></dd>
                                <dd><a class="a_event" href="">购物流程</a></dd>
                                <dd><a class="a_event" href="">积分使用说明</a></dd>
                                <dd><a class="a_event" href="">优惠券使用说明</a></dd>
                                <dd><a class="a_event" href="">常见问题</a></dd>
                                <dd><a class="a_event" href="">华硕商城服务协议说明</a></dd>
                                <dd><a class="a_event" href="">授权服务店服务说明</a></dd>
                                <dd><a class="a_event" href="">以旧换新</a></dd>
                            </dl>
                        </div>
                        <div class="area3">
                            <dl>
                                <dt><a class="a_event" href="">配送与付款</a></dt>
                                <dd><a class="a_event" href="">发货与签收规范</a></dd>
                                <dd><a class="a_event" href="">配送运费说明</a></dd>
                                <dd><a class="a_event" href="">配送常见问题</a></dd>
                                <dd><a class="a_event" href="">配送异常</a></dd>
                                <dd><a class="a_event" href="">付款咨询</a></dd>
                                <dd><a class="a_event" href="">发票说明</a></dd>
                                <dd><a class="a_event" href="">发票常见问题</a></dd>
                                <dd><a class="a_event" href="">蚂蚁花呗常见问题</a></dd>
                            </dl>
                        </div>
                        <div class="area4">
                            <dl>
                                <dt><a class="a_event" href="">服务与支持</a></dt>
                                <dd><a class="a_event" href="">华硕服务中心查询</a></dd>
                                <dd><a class="a_event" href="">华硕授权实体门店查询</a></dd>
                                <dd><a class="a_event" href="">华硕智汇家</a></dd>
                                <dd><a class="a_event" href="">中国RoHS合格评定标识</a></dd>
                            </dl>
                        </div>
                        <div class="area5">
                            <p>400-091-9520</p>
                            <p>专属服务热线</p>
                            <img src="img/detail/ia_400000121.png" alt="">
                            <p>扫码下载</p>
                        </div>
                    </div>
                </div>
                <div class="info">
                    <p>有任何购物问题请联系商城客服 | 电话：400-091-9520</p>
                    <p>
                        <a class="a_event" href="">营业执照：12000002201803260012</a>
                        │沪ICP备11025349号-3 │ ASUSTeK Computer Inc. All Rights Reserved.
                    </p>
                    <p>
                        <img src="img/detail/ia_400000123.png" alt="">
                        <a class="a_event" href="">沪公网安备 31011202002313号</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    
    <script src="js/require.js" defer async="true" data-main="js/index"></script>
</body>
</html>